html, body {
	height: 100%;
}

body {
	margin: 0px;
	padding: 0px;
	/*background: url(images/background4.png) /*repeat*/;
	background-color:#FCEFFF;
	background-size: 35%;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	background-color:#FEF4FF;
	
	
		
}



h1, h2, h3 {
	margin: 0;
	padding: 0;
	font-family: 'Archivo Narrow', sans-serif;
	text-transform: uppercase;
}

p, ol, ul {
	margin-top: 0px;
}

p {
	line-height: 180%;
}

strong {
}

a {
	color: #FF5241;
}

a:hover {
	text-decoration: none;
}

a img {
	border: none;
}

img.border {
}

img.alignleft {
	float: left;
}

img.alignright {
	float: right;
}

img.aligncenter {
	margin: 0px auto;
}

hr {
	display: none;
}

ul.style1 {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

ul.style1 li {
	padding: 2% 0 2% 2%;
	border-top: 1px solid #CFCFCF;
}

ul.style1 .first {
	padding-top: 0px;
	border-top: none;
}

/** WRAPPER */

#wrapper {
	width:75%;
	padding: 0px 2%;
	background: #FFFFFF;
	border:dashed 2px #CCC;
	
}

.container {
	width: 90%;
	margin: 0px auto;
	
}

.clearfix {
	clear: both;
}

/** HEADER */

#header {
	overflow: hidden;
}

/** LOGO */

#logo {
	overflow:  hidden;
	padding: 1% 1% 2% 0%;
	height: 5%;
}


#quicklink{
	width:100%;
	height:13%;
	position: relative;
	/*top:-280px;*/
	left:10%;
	top: -20%;
	
}

#quicklink ul{
	list-style-type: none; 
	float:left;
	padding:0;
	margin-left:8px;
}


#quicklink ul li {
	float:left;
	font-size:4%;
}


#quicklink ul li a{
	display:block;
	text-decoration: underline;
	text-align: center;
	color:#000;
	padding-left:3%;
	padding-right:3%;
}

#quicklink a:hover {
	color:#A9A9A9;
}

	


/** MENU */

#menu {
	overflow: hidden;
	/*padding: 20px 0px;*/
	/*border-top: 1px solid #CFCFCF;*/
	border:dashed 2px #CCC;
	
}

#menu ul {
	margin: 0px;
	padding: 0px;
	padding-top:2%;
	padding-bottom:2%;
	list-style: none;
	line-height: normal;
	text-align: center;

}

#menu li {
	display: inline-block;
}

#menu a {
	display: block;
	padding: 1.5% 2%;
	text-decoration: none;
	text-transform: uppercase;
	font-family: 'Archivo Narrow', sans-serif;
	font-size: 3%;
	font-weight: 700;
	color: #333333;;
}

#menu a:hover {
	text-decoration: none;
	color:#CCC;
}

#menu .active a {
	/*background: #FF5241;*/
	color:#CCC;
	border:thin;
	border-color:#000;
}

#search{
	width: 10%;
	position:relative;
	left:70%;
}


/** PAGE */

#page {
	overflow: hidden;
	margin: 2% 0%;
	padding: 2% 0%;
	border-top: 1px solid #CFCFCF;
	border-bottom: 1px solid #CFCFCF;
}

/** CONTENT */

#content {
	float: left;
	width: 80%;
}

#content h2 {
	padding: 0em 0em 1em 0em;
	font-size: 2.25em;
}

/** SIDEBAR */

#sidebar {
	float: right;
	width: 20%;
}

#sidebar h2 {
	padding: 0em 0em 1em 0em;
	font-size: 2.25em;
}

/** BANNER */

#banner
{
	padding: 2% 0% 0% 0%;
	border-top: 1px solid #CFCFCF;
}



/* Footer */

#footer {
	overflow: hidden;
	padding: 2% 0% 3% 0%;
}

#footer p {
	text-align: center;
}

#footer a {
}

#slider
{
	position: relative;
		width: 50%;
	margin: 0 auto;
	border:dashed 3px;
	top: 3%;
	
}

	#slider .viewer
	{
		width: 50%;
		height: 35%;
		overflow: hidden;
		margin: 0 auto;
	
	}

		#slider .viewer .reel
		{
			display: none;
		height: 30%;
		}

		#slider .viewer .reel .slide
		{
			position: relative;
			width: 50%;
			height: 30%;
		}

/*BUTTONS*/
		
input[type=submit],
.actions ul li a,
.actions a {
	font-weight:normal;
	padding: 1% 2%;
	background: #dcdcdc;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#dcdcdc));
	background-image: -webkit-linear-gradient(top, #fefefe, #dcdcdc);
	background-image: -moz-linear-gradient(top, #fefefe, #dcdcdc);
	background-image: -ms-linear-gradient(top, #fefefe, #dcdcdc);
	background-image: -o-linear-gradient(top, #fefefe, #dcdcdc);
	background-image: linear-gradient(top, #fefefe, #dcdcdc);
	color:#333;
	border:1px solid #bbb;
	-webkit-border-radius: 2%;
	-moz-border-radius: 2%;
	border-radius: 2%;
	text-decoration: none;
	text-shadow: #fff 0px 1px 0px;
	min-width: 0;
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.2);
	-webkit-user-select: none;
	user-select: none;
}
.actions ul li a:hover,
.actions a:hover {
	background: #ededed;
	border-color: #acacac;
	text-decoration: none;
}
input[type=submit]:active,
.actions ul li a:active,
.actions a:active {
	background: #eee;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#dfdfdf), to(#eee));
	background-image: -webkit-linear-gradient(top, #dfdfdf, #eee);
	background-image: -moz-linear-gradient(top, #dfdfdf, #eee);
	background-image: -ms-linear-gradient(top, #dfdfdf, #eee);
	background-image: -o-linear-gradient(top, #dfdfdf, #eee);
	background-image: linear-gradient(top, #dfdfdf, #eee);
	text-shadow: #eee 0px 1px 0px;
	-moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);
	border-color: #aaa;
	text-decoration: none;
}
		
		
